$(function () {

  // 实现登录表单和注册表单的切换
  $("#link_reg ").click(function () {
    $(".reg-box").show();
    $("#form_login").hide();
  });

  $('#link_login').click(function(){
    $(".reg-box").hide();
    $("#form_login").show();
  })


  //表单检验
  const {form , layer }  = layui
  form.verify({
    username: function(value, item){ 
      //value：表单的值、item：表单的DOM对象
      if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){
        return '用户名不能有特殊字符';
      }
      if(/(^\_)|(\__)|(\_+$)/.test(value)){
        return '用户名首尾不能出现下划线\'_\'';
      }
      if(/^\d+\d+\d$/.test(value)){
        return '用户名不能全为数字';
      }
    }
    
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    ,pwd: [
      /^[\S]{6,12}$/
      ,'密码必须6到12位，且不能出现空格'
    ],
    confimPwd : function(value){
      if(value !== $('.layui-form-item input[name=regest-password]').val()){
        return '2次密码输入不一样'
      }
    }
  });

  //完成登录功能
  $('#form_login').submit(function(e){
    console.log('6666');
    
    //阻止默认行为
    e.preventDefault()

    const username = $('.layui-form-item input[name=username]').val().trim()
    const password = $('.layui-form-item input[name=password]').val().trim()

    $.ajax({
      type: 'post',
      url : '/api/login',
      data: {
        username,
        password
      },
      success : function(res){
        console.log(res);
        
        if(res.status !== 0 ) return layer.msg('登录失败');
        layer.msg('登录成功'); 
        localStorage.setItem('token', res.token)
        setTimeout(function(){
          location.href = 'index.html'
        },500)
      
      }
    })
  })

  // 注册功能实现

  $('#form_reg').submit(function(e){
    console.log('777');
    
    //阻止默认行为
    e.preventDefault()

    const username = $('.layui-form-item input[name=reusername]').val().trim()
    const password = $('.layui-form-item input[name=regest-password]').val().trim()

    $.ajax({
      type: 'post',
      url : '/api/reguser',
      data: {
        username,
        password
      },
      success : function({status}){
       console.log(status);
       
        
        if(status !== 0 ) return layer.msg('注册失败, 再试试吧');
        layer.msg('注册成功啦,小逼崽子'); 
        setTimeout(function(){
          $('#link_login').click()
        },500)
      
      }
    })
  })
});
